<template>
	<view class="order_laytout">
		<view class="searcher_header">
			<uni-search-bar style="margin: 10rpx 0;" @confirm="searchOrder" placeholder="搜索商品" v-model="searchValue" cancelButton="none" clearButton="auto" />
		</view>
		<view class="search_tab">
			<uv-tabs :list="searchTabs" @click="click" :scrollable='false'></uv-tabs>
		</view>
		<view class="order_list_layout">
			<view class="order_item_layout">
				<uni-card>
					<text>这是一个基础卡片示例，内容较少，此示例展示了一个没有任何属性不带阴影的卡片。</text>
				</uni-card>
			</view>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';
//搜索值
const searchValue = ref('')
//标签选项卡
const searchTabs = ref([
	{
		name:'全部'
	},
	{
		name:'待支付'
	},
	{
		name:'已支付'
	},
	{
		name:'已取消'
	}
])
</script>

<style lang="scss" scoped>
	
</style>
